<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>格子广告</title>
		<link rel="stylesheet" href="__TMPL__Public/css/mul-downmenu.css" />
		<link rel="stylesheet" href="__TMPL__Public/css/normalize.css" />
		<link rel="stylesheet" href="__TMPL__Public/css/main.css" />
		<link rel="stylesheet" href="__TMPL__Public/css/owl.carousel.css" />
		<link rel="stylesheet" href="__TMPL__Public/css/owl.theme.css" />
		<style type="text/css">
			#owl-demo {position: relative; width: 100%; margin-left: auto; margin-right: auto;}
			#owl-demo .item{ display: block;background: white;}
			#owl-demo img {display: inline-block; width: 100%;min-height: 103px;max-height: 103px;}
			.showpos-item.noad .item-box {box-sizing: border-box;}
			.mul-downmenu{width: 100%;z-index: 2;}
			.mul-downmenu .mul-downmenu-list{display: none;}
			.mul-downmenu-list .main-list{width: 50%;display: inline-block;height: 100%;overflow: auto;padding-bottom: 200px;box-sizing: border-box;}
			.mul-downmenu-list .sub-list{width: 50%;float: right;height: 100%;overflow: auto;padding-bottom: 200px;box-sizing: border-box;}
			.main-list,.sub-list{top: 41px;}
		</style>
	</head>
	<body>
    <a href="/HGrid/gridkind" class="rukou">
      <img style="height: 90px;" src="__TMPL__Public/img/kind/banner-rukou.jpg"/>
    </a> 
		<div id="mul-downmenu" class="mul-downmenu">
			<div data-id="1" class="downmenu-head down htype">类别
			</div>
			<div data-id="2" class="downmenu-head hcity">地区
				<!--<embed src="__TMPL__Public/svg/disdownar.svg" width="16" type="image/svg+xml"/>-->
			</div>
			<div data-id="3" style="border: none;" class="downmenu-head horder">默认排序</div>
			<div class="mul-downmenu-list" style="z-index: 999;">
				<div class="main-list" style="height: 100%;overflow: auto;">
					<!--<div class="list-item select"><span>重庆</span></div>
					<div class="list-item"><span>重庆</span></div>
					<div class="list-item"><span>重庆</span></div>-->
				</div>
				<div class="sub-list" style="height: 100%;overflow: auto;">
					<!--<div class="list-item "><span>渝北区</span></div>
					<div class="list-item select"><span>江北区</span></div>
					<div class="list-item"><span>渝中区</span></div>-->
				</div>
			</div>
		</div>
		<div class="showpos-box">
			<volist name="stand" id="o">
				<if condition = "$o.is_roll eq 1">
					<if condition = "$o.ad_id eq NULL">
						<a href="/HGrid/gridorder/order/{$o.st_id}" class="showpos-item noad">
							<div class="item-box">
								<img src="__TMPL__Public/img/gridad.jpg"/>
								<div class="item-name">
									<span>#{$o.st_id}展位</span>
									<if condition="$hidead eq 0"><span>({$o.change_day}金钱/天)</span></if>
								</div>
							</div>
						</a>
					<else/>
						<if condition="$o.status eq 3">
							<a href="/HGrid/merchant/id/{$o.ad_id}" class="showpos-item ">
								<div class="item-box">
									<img src="{$o.icon}"/>
									<div class="item-name"><span>{$o.link_name}</span></div>
								</div>
							</a>	
						</if>
					</if>
				</if>
			</volist>
			<!--<a href="merchant.html" class="showpos-item">
				<div class="item-box">
					<img src="__TMPL__Public/img/ad.jpg"/>
					<div class="item-name"><span>展位名字</span></div>
				</div>
			</a>-->
			<!--<a href="griddetail.html" class="showpos-item noad">
				<div class="item-box">
					<img src="__TMPL__Public/img/gridad.jpg"/>
					<div class="item-name">
						<span>#4展位</span>
						<span><if condition="$hidead eq 0">(1金钱/天)</if></span>
					</div>
				</div>
			</a>-->
		</div>
		<div class="footerbody"></div>
		<div id="tip" class="dialog">
			<div class="dialogbg">
				<div class="dlg-title">提示</div>
				<div class="dlg-content"></div>
				<button class="dlg-btn">确 定</button>
			</div>
		</div>
	</body>
	<script src="__TMPL__Public/js/jquery-1.11.0.js" ></script>
	<script src="__TMPL__Public/js/mul-downmenu.js?v1"></script>
	<script src="__TMPL__Public/js/main.js?{$version}"></script>
	<script src="__TMPL__Public/js/owl.carousel.min.js" ></script>
	<script type="text/javascript">
		var page = 1;
		var nomore = false;
		var md = new Mul_dm();
		var _error = "{$error}";
		md.init(); 
		var _load = new loader();
		_load.init("/themes/simplebootx_mobile/Public/img/loading.gif");
		window.onload = function(){
			$(".mul-downmenu-list").height(screen.height);
			var tip = new dialog();
			tip.init("tip");
			if(_error.length>0){
				$(".dlg-content").text(_error);
				tip.show();
			}
		}
		$(function(){
			$('#owl-demo').owlCarousel({
				items: 1,
				autoPlay: true
			});
		});
	</script>
</html>
